<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 重置默认css样式 -->
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<!-- reset.css去除浏览器默认样式 -->
		<!-- normalize.css对默认样式进行统一 -->
	</head>
	<body>
		<!-- 通常情况下，浏览器会为元素设置默认样式 -->
		<!-- 默认样式的存在通常会影响页面布局，通常情况下要去除 -->
		<div class="box1"></div>
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		<ul>
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
		</ul>
	</body>
</html>

<style type="text/css">
/* 	*{
		margin: 0;
		padding: 0;
	} */
	.box1{
		width: 100px;
		height: 100px;
		border: 1px solid;
	}
	ul{
		/* 去除列表符号 */
		list-style: none;
	}
</style>